<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>拖拽排序列表</title>
    <link rel="stylesheet" href="index.css">
    <script src="https://kit.fontawesome.com/3da1a747b2.js" crossorigin="anonymous"></script>
</head>

<body>
    <h1>四川十大名菜</h1>
    <p>拖动项目到相应的位置。</p>
    <ul id="draggle-list" class="draggle-list"></ul>
    <button class="check-btn" id="check-btn">
        检查顺序
        <i class="fas fa-paper-plane"></i>
    </button>
</body>
<script src="index.js"></script>

</html>